<template>
  <div class="table">
    <div class="toolbar">
      <table-toolbar />
      <publish-bar style="margin-bottom: 21px" />
    </div>
    <div class="content">
      <table-content :currentTab="props.currentTab" />
    </div>
  </div>
</template>
<script setup>
import TableToolbar from './table-toolbar.vue'
import PublishBar from './publish-bar.vue'
import { useProvideContextRegistry } from './provide-context.js'
useProvideContextRegistry()
import TableContent from './table-content.vue'

/**
 * 外部参数
 */
let props = defineProps({
  currentTab: { type: String, required: true },
})
</script>
<style lang="less" scoped>
.table {
  height: 100%;
  display: flex;
  flex-direction: column;
  .content {
    flex: 1;
    overflow: hidden;
  }
}
</style>
